import Vue from 'vue'
import VueRouter from 'vue-router'
import DataTablePage from "../views/DataTablePage.vue";
import DetailPage from "../views/DetailPage.vue";
import ZYZD from "../components/ZYZD.vue";
import QTZD from "../components/QTZD.vue";
import MJZZD from "../components/MJZZD.vue";
import JCXX from "../components/JCXX.vue";
import JYXX from "../components/JYXX.vue";
import YZNR from "../components/YZNR.vue";
import CYYYXX from "../components/CYYYXX.vue";
import process from "shelljs";
import ZZQS from "../components/ZZQS.vue";

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'DataTablePage',
    component: DataTablePage
  },
  {
    path: '/detail',
    name: 'DetailPage',
    component: DetailPage,
    children: [
      {
        path: '/zzqs',
        name: 'ZZQS',
        component: ZZQS
      },
      {
        path: '/zyzd',
        name: 'ZYZD',
        component: ZYZD
      },
      {
        path: '/qtzd',
        name: 'QTZD',
        component: QTZD
      },
      {
        path: '/mjzzd',
        name: 'MJZZD',
        component: MJZZD
      },
      {
        path: '/jcxx',
        name: 'JCXX',
        component: JCXX
      },
      {
        path: '/jyxx',
        name: 'JYXX',
        component: JYXX
      },
      {
        path: '/yznr',
        name: 'YZNR',
        component: YZNR
      },
      {
        path: '/cyyyxx',
        name: 'CYYYXX',
        component: CYYYXX
      }
    ]
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
